<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Sign in admin panel</title>

    <meta name="description" content="User login page"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    <!--basic styles-->
    <link href="<?php echo ROOT_URL; ?>public/assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="<?php echo ROOT_URL; ?>public/assets/css/bootstrap-responsive.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="<?php echo ROOT_URL; ?>public/assets/css/font-awesome.min.css"/>

    <!--fonts-->
    <link rel="stylesheet" href="<?php echo ROOT_URL; ?>public/css/css.css"/>
    <!--ace styles-->
    <link rel="stylesheet" href="<?php echo ROOT_URL; ?>public/assets/css/ace.min.css"/>
    <link rel="stylesheet" href="<?php echo ROOT_URL; ?>public/assets/css/ace-responsive.min.css"/>
    <link rel="stylesheet" href="<?php echo ROOT_URL; ?>public/assets/css/ace-skins.min.css"/>
    <script src="<?php echo ROOT_URL; ?>public/js/jquery-2.0.3.js"></script>
    <script src="<?php echo ROOT_URL;  ?>public/js/jquery-ui-1.11.1/jquery-ui.min.js" type="application/javascript"></script>
    <script src="<?php echo ROOT_URL; ?>public/js/admin.js" type="application/javascript"></script>
    <link href="<?php echo ROOT_URL; ?>public/css/admin.css" rel="stylesheet">
    <!--inline styles related to this page-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body class="login-layout">
    <div class="main-container container-fluid">
        <div class="main-content">
            <div class="row-fluid">
                <div class="span12">
                    <div class="login-container">
                        <div class="row-fluid">
                            <div class="position-relative">
                                <div id="login-box" class="login-box visible widget-box no-border">
                                    <div class="widget-body">
                                        <div class="widget-main">
                                            <h4 class="header blue lighter bigger">
                                                <i class="icon-coffee green"></i>
                                                Please Enter Your Account
                                            </h4>
                                            <div class="space-6"></div>
                                            <form method="post" id="submit">
                                                <fieldset>
                                                    <label>
                                                        <span class="block input-icon input-icon-right">
                                                            <input id="username" name="username" type="text" class="span12" placeholder="Username"/>
                                                            <i class="icon-user"></i>
                                                        </span>
                                                    </label>

                                                    <label>
                                                        <span class="block input-icon input-icon-right">
                                                            <input id="password" name="password" type="password" class="span12" placeholder="Password"/>
                                                            <i class="icon-lock"></i>
                                                        </span>
                                                    </label>

                                                    <div class="space"></div>

                                                    <div class="clearfix">
                                                        <p class="login-message">
                                                            <?php
                                                                if(isset($error)){
                                                                    echo $error;
                                                                }
                                                            ?>
                                                        </p>
                                                        <button onclick="signIn(event);" type="submit" class="width-35 pull-right btn btn-small btn-primary">
                                                            <i class="icon-key"></i>
                                                            Login
                                                        </button>
                                                    </div>
                                                    <div class="space-4"></div>
                                                </fieldset>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        if ("ontouchend" in document) document.write("<script src='<?php echo ROOT_URL; ?>public/assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
    </script>
    <script src="<?php echo ROOT_URL; ?>public/assets/js/bootstrap.min.js"></script>
    <script src="<?php echo ROOT_URL; ?>public/assets/js/ace-elements.min.js"></script>
    <script src="<?php echo ROOT_URL; ?>public/assets/js/ace.min.js"></script>
    <!--inline scripts related to this page-->
</body>
</html>
